.Order {
    width: 100%;
    min-height: 100%;
    background-color: $probgcolor;
    padding-top: rpx(2);
    position: relative;
    //订单顶部
    .ordetTop {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1;
        //订单类型
        .orderTypeArea {
            width: 100%;
            height: rpx(98);
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-around;
            background-color: white;

            .ordertypename {
                font-size: rpx(32);
                font-family: PingFang-SC-Regular;
                font-weight: 400;
                color: rgba(153, 153, 153, 1);
                display: inline-block;
                height: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;

                &.activeOrderType {
                    color: rgba(255, 76, 76, 1);
                    border-bottom: 1px solid rgba(255, 76, 76, 1);
                }
            }
        }

        //订单状态
        .orderStateArea {
            width: 100%;
            height: rpx(108);
            background-color: white;
            margin-top: rpx(1);
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-around;

            .orderstatename {
                font-size: rpx(28);
                font-family: PingFang-SC-Regular;
                font-weight: 400;
                color: rgba(137, 140, 147, 1);
                display: inline-block;
                width: rpx(128);
                height: rpx(50);
                background: rgba(255, 176, 51, 1);
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                background-color: white;
                border-radius: 25px;
                opacity: 0.5;

                &.activeOrderState {
                    background: rgba(255, 176, 51, 1);
                    color: rebeccapurple;
                }
            }
        }
    }

    //    订单列表区域
    .ordetListArea {
        padding: rpx(24);
        position: absolute;
        top: rpx(208);
        background-color: $probgcolor;
        border-radius: 6px;

        .ordetlist {
            width: rpx(652);
            background-color: white;
            margin-bottom: rpx(24);
            padding: rpx(25);

            .ordetListTop {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                border-bottom: 1px solid rgba(242, 242, 242, 1);
                padding-bottom: rpx(24);

                .list_shop_info {
                    display: flex;
                    flex-direction: row;
                    align-items: center;

                    .shopIcon {
                        width: rpx(26);
                        height: rpx(26);
                    }

                    .shopName {
                        font-size: rpx(24);
                        font-family: PingFang-SC-Medium;
                        font-weight: 500;
                        color: rgba(121, 121, 121, 1);
                        display: inline-block;
                        margin-left: rpx(25);
                        margin-right: rpx(24);
                    }

                    .goIcon {
                        width: rpx(11);
                        height: rpx(18);
                    }
                }

                .orderCreateTime {
                    font-size: rpx(24);
                    font-family: PingFang-SC-Regular;
                    font-weight: 400;
                    color: rgba(121, 121, 121, 1);
                }
            }

            .orderlistgoodsArea {
                border-bottom: 1px solid rgba(242,242,242,1);
                padding-bottom: rpx(24);
                .ordetlistgoods {
                    margin-top: rpx(24);
                    display: flex;
                    flex-direction: row;
                    .goodsImg {
                        width: rpx(156);
                        height: rpx(156);
                    }
                    .goodsInfoArea{
                        flex: 1;
                        margin-left: rpx(23);
                        margin-top: rpx(24);
                        .goodsinfotop{
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            align-items: center;
                            .goodsName{
                                font-size:rpx(28);
                                font-family:PingFang-SC-Medium;
                                font-weight:500;
                                color:rgba(102,102,102,1);
                            }
                            .goodsMarketPrice{
                                font-size:rpx(22);
                                font-family:PingFang-SC-Medium;
                                font-weight:500;
                                text-decoration:line-through;
                                color:rgba(143,143,143,1);
                            }
                        }
                        .goodsinfoBootom{
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            align-items: center;
                            margin-top: rpx(25);
                            .buygoodsnumber{
                                font-size:rpx(24);
                                font-family:PingFang-SC-Medium;
                                font-weight:500;
                                color:rgba(143,143,143,1);
                            }
                            .buyMoney{
                                font-size:rpx(26);
                                font-family:PingFang-SC-Medium;
                                font-weight:500;
                                color:rgba(255,76,76,1);
                            }
                        }
                    }
                }
                .goodsListDes{
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    margin-top: rpx(24);
                    span{
                        font-size:rpx(24);
                        font-family:PingFang-SC-Regular;
                        font-weight:400;
                        color:rgba(153,153,153,1);
                    }
                }

            }

            .ordetBtnArea{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                margin-top: rpx(24);
                .ordetTypeLabel{
                    font-size:rpx(24);
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(255,76,76,1);
                }
                .btnarea{
                    display: flex;
                    flex-direction: row;
                    .cancelOrder{
                        display: inline-block;
                        width:rpx(156);
                        height:rpx(56);
                        border:1px solid rgba(153,153,153,1);
                        border-radius:10px;
                        font-size:rpx(26);
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        color:rgba(153,153,153,1);
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        margin-left: rpx(32);
                        &.payOrder{
                            border:1px solid rgba(255,76,76,1);
                            color:rgba(255,76,76,1);
                        }
                    }

                }
            }
        }
    }

}
